@charset "utf-8";
/* CSS Document */

html, body, div, span, iframe, b, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, em, font, img, q, s, samp, small, strike, strong, sub, sup,  u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; list-style:none;}
body { font-family:"Microsoft Yahei",'Hiragino Sans GB',"Simsun","Arial"; font-size:12px; color:#323232; line-height:1; background:#fff; word-break:break-all;}
a:link, a:visited{text-decoration:none;color:#323232;}
a:hover{text-decoration:underline; color:#ff2832;}
input:focus, select { outline: none; }
.clear { clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden; _font-size:0px; _line-height:0px; }
.clearfix:after { clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden}
.fl { float:left;} .fr { float:right;}
*html .clearfix { zoom:1; }
.w960 { width:960px; margin:0 auto;}
.btn{ border:1px solid rgb( 220, 220, 220 ); border-radius: 2px; color:#000; display:inline-block; *display:inline; *zoom:1; line-height:22px; padding:0 10px; height:22px; margin-right:10px; vertical-align:baseline;
  background: -moz-linear-gradient( 90deg, rgb(244,243,246) 0%, rgb(254,254,254) 100%);
  background: -webkit-linear-gradient( 90deg, rgb(244,243,246) 0%, rgb(254,254,254) 100%);
  background: -ms-linear-gradient( 90deg, rgb(244,243,246) 0%, rgb(254,254,254) 100%); background:#f5f5f5\9;}
.btn:hover { text-decoration:none; background:#f0f0f0; color:#000;}
.btn .bicon { display:inline-block; width:8px; height:8px; background:url(../images/icon_bg.png) -14px 0 no-repeat; margin-left:6px; *vertical-align:middle;}
.btn .bicon.a_d { background-position:-14px -20px;}
.btn .bicon.a_u { background-position:0 -20px;}
a.btn_red { background-color:#4a77d4; height:30px; line-height:30px; text-align:center; display: inline-block; color:#fff; font-size:14px; padding:0 14px; border-radius:3px; vertical-align:baseline; vertical-align:bottom\9;}
a.btn_red:hover { text-decoration:none;}
a.btn_red.disable { background-color:#d2d2d2; cursor:default;}
a.btn_red.big { padding:0 28px;}
input.alart { border-color:#ff2832 !important; color:#ff2832 !important; background-color:#fdf0ef;}
.alart_tip { position:absolute; left:10px; top:42px; color:#ff2832;}
.icon_wrong { width:9px; height:9px; display:inline-block; background:url(../images/icon_bg.png) 0 -40px no-repeat; margin-right:4px; *vertical-align:middle;}
a.modify { color:#1a66b3; padding-left:10px; font-size:12px; font-weight:normal;}
a.link { color:#1a66b3; padding:0 5px;}
.red { color:#ff2832;}
a.check { width:14px; height:16px; display:inline-block; margin-right:5px; background:url(../images/icon_bg.png) -14px -80px no-repeat; vertical-align: middle;}
a.check.checked { background-position:0 -80px;}
a.check.disable { cursor:default;  background-position:-14px -180px;}
.icon_ask { width:14px; height:14px; display:inline-block; background:url(../images/icon_bg.png) 0 -100px no-repeat; vertical-align:middle; margin:0 4px; cursor:pointer;}
.icon_tip { width:18px; height:18px; display:inline-block; background:url(../images/icon_bg.png) 0 -140px no-repeat; margin:0 10px 0 0; vertical-align:middle;}
.icon_tip_s { width:14px; height:14px; display:inline-block; background:url(../images/icon_bg.png) 0 -160px no-repeat; vertical-align: text-bottom; margin:0 6px 0 0;} 
.icon_ok { width:10px; height:10px; display:inline-block; background:url(../images/icon_bg.png) -18px -161px no-repeat; vertical-align: text-bottom; margin:0 2px 0 0;}

/*logo*/
.logo_line {
	width:100%;
	border-bottom:4px solid #4a77d4;
	height:100px;
}
.logo_line .logo {
	padding:20px 0 0 15px
}
.shopping_procedure {
	float:right;
	width:634px;
	height:36px;
	background:url(../images/购物车logo框) 0 0 no-repeat;
	font:bold 14px/36px "Microsoft Yahei";
	color:#646464;
	margin:30px 0 0;
	
}
.shopping_procedure span {
	width:208px;
	display:inline-block;
	text-align:center;
	background-color: #f3ebeb ;
}

.shopping_procedure span.current {
	background: #4a77d4;
	color:#fff;
	width:206px;
}

/* layout */
.checkout_tip { background-color:#fff5f5; border:1px solid #ffecec; color:#323232; line-height:34px; padding:0 10px; margin:10px auto 0;}
.checkout_tip b { display:inline-block;}
.checkout_tip .con { display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height:24px; padding:6px 0;}

h1.title { font-size:16px; color:#000; line-height:22px; padding:10px 0; font-weight:bold;}
h1.title .title_tip { font-size:12px; color:#ff2832; padding-left:10px;}

.address { padding: 0 0 20px;}
.address .addr_list { height:140px; overflow:hidden; position:relative;}
	.addr_list ul { width:955px; overflow:hidden;}
	.addr_list.all { height:272px; overflow-y:auto; margin-bottom:15px;}
	.addr_list .addr { width:192px; padding:8px 12px 0 12px; height:114px; float:left; line-height:22px; background:#fbfbfb; margin:0 18px 20px 0; position:relative; color:#000; border:2px solid #e6e4e2; cursor:pointer;}
	.addr_list .addr a { display:none; color:#b17474; padding:4px 12px 0 8px;}
	.addr_list .addr.active { border-color:#ff2832;}
	.addr_list .addr.operate a { display:inline-block; *display:inline; *zoom:1;}
	.addr_list .addr h1 { font-weight:bold; line-height:30px; border-bottom:1px solid #e6e6e6; padding:0 8px; margin-bottom:4px;}
	.addr_list .addr h1 span { float:right;}
	.addr_list .addr p { height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 8px;}
	.addr_list .addr .addr_mo { display:block; position:absolute; bottom:14px; right:14px; color:#956767; line-height:14px;} 
	.addr_list .addr .addr_mo em { background:url(../images/icon_bg.png) 0 0 no-repeat; display:inline-block; width:10px; height:14px; margin-right:5px; vertical-align:bottom;}
	
.id_check { line-height:18px; padding-bottom:10px;}
.id_check dt, .id_check dd { display:inline-block; *display:inline; *zoom:1; padding:10px 0 5px;}
.id_check dt { width:70px; text-align:right; color:#646464;}
.id_check dd { width:840px; position:relative; padding: 10px 0 5px 20px;}
.id_check dd input { height:18px; width:140px; padding:5px 10px; border:1px solid #d2d2d2; border-radius:3px; margin:0 10px 0 -10px; vertical-align: bottom;}

/* 配送方式 */
.shipping { padding:0 0 10px;}
.shipping .title, .payment .title { font-size:14px; color:#505050; line-height:18px; padding:5px 0 10px;}
.shipping .title .icon { width:18px; height:18px; display:inline-block; background:url(../images/icon.png) 0 0 no-repeat; vertical-align:text-bottom; margin-right:10px;}
.shipping .title .icon.shop { background-position:-20px 0;}
.shipping .title .icon.ebook { background-position:-40px 0;}
.shipping .title .icon.gift { background-position:-60px 0;}
	.ship_box { border:1px solid #dcdcdc; line-height:20px; margin-bottom:20px; background:url(../images/bg_line.gif) 320px 0 repeat-y;}
	.ship_box .main {}
	.ship_box .left { padding:18px 16px; width:289px; float:left;}
	.ship_box .left p, .ship_box .left .time { padding:6px 0; position:relative;}
	.ship_box .left .time { z-index:9;}
	.ship_box .left .time select {  border:1px solid #dcdcdc; border-radius:2px; height:20px; padding-left:5px; font-family:microsoft yahei; font-size:12px; color:#323232;}
	.ship_box .left .time .week { background-color:#fff; position:absolute; left:0; bottom:-182px; z-index:9; text-align:center; width:430px;}
	.ship_box .left .time .week .method {border:1px solid #dcdcdc; border-bottom:none 0; padding:10px 0 0 10px; text-align:left;}
	.ship_box .left .time .week .method a { height:22px; line-height:22px; width:108px;}
	.ship_box .left .time .week table { border:1px solid #dcdcdc; border-right:none 0;}
	.ship_box .left .time .week th { font-weight:normal; line-height:14px; padding:4px 0; border-right:1px solid #dcdcdc;}
	.ship_box .left .time .week td { border-top:1px solid #dcdcdc; text-align:center; padding:4px 0; border-right:1px solid #dcdcdc;}
	.ship_box .left .time .week td a { width:15px; height:15px; display:inline-block; background:url(../images/icon.png) -40px -20px no-repeat;}
	.ship_box .left .time .week td a.disable { background-position:-60px -19px; cursor:default;}
	.ship_box .left .time .week td a.current { background-position:-78px -19px;}
	.ship_box .left .time .week .btn_bar {border:1px solid #dcdcdc; border-top:none 0; padding:8px 0;}
	.ship_box .left .time .week .btn_bar .btn_red { height:24px; line-height:24px; margin-right:30px;}
	.ship_box .left .addr_t { padding:0 0 0 20px;}
	.ship_box .left .addr { padding-left:20px; color:#646464; display:block;}
	.ship_box p.method_tip { margin-top:-15px; padding:6px 0 10px;}
	.ship_box .method li { display:inline-block; *display:inline; *zoom:1; padding:0 10px 10px 0;}
	.ship_box .method a { height:28px; line-height:28px; text-align:center; width:94px; border:1px solid #dcdcdc; border-radius:2px; background-color:#f0f0f0; display:block;}
	.ship_box .method a:hover { text-decoration:none; color:#4a77d4;}
	.ship_box .method a.current { background:#4a77d4; border-color:#4a77d4; color:#fff;}
	.ship_box .right { float:left; width:637px;}
	.ship_box .right .list { text-align:center;}
	.ship_box .right .list th { line-height:36px; font-weight:normal;}
	.ship_box .right .list th.th_img { width:96px;}
	.ship_box .right .list th.th_name { width:265px;}
	.ship_box .right .list td { width:90px; text-align:center; vertical-align:top; padding-bottom:10px;}
	.ship_box .right .list .img { width:80px; height:70px; padding-left:15px; position:relative;}
	.ship_box .right .list .img .icon {position: absolute; bottom: 10px; left:15px;  width: 80px; height: 20px; padding-top:5px; background: url(../images/icon_event.png) 0 0 no-repeat;  color: #fff; text-align: center; line-height: 20px; overflow: hidden;}
	.ship_box .right .list .img .icon.yellow { background-position: 0 -25px;}
	.ship_box .right .list .img .icon.blue { background-position:0 -50px;}
	.ship_box .right .list .img .icon.rose { background-position:0 -75px;}
	.ship_box .right .list .img .icon.green { background-position:0 -100px;}
	.ship_box .right .list .img .icon.sky { background-position:0 -125px;}
	.ship_box .right .list .name { width:255px; text-align:left; padding-left:5px; position:relative;}
	.ship_box .right .list .name a { height:40px; overflow:hidden; display:block;}
	.ship_box .right .list .name .seven { color:#956767; padding-top:10px;}
	.ship_box .right .list .name .seven .icon_7 { width:20px; height:20px; display:inline-block; background:url(../images/icon.png) 0 -20px no-repeat; margin-right:5px; vertical-align:bottom;}
	.ship_box .right .list .name .seven.disable { color:#d1c2c2;}
	.ship_box .right .list .name .disable .icon_7 { background-position:-20px -20px;}
	.ship_box .right .list .name .ebtn { padding: 0 16px 0 6px;  display: inline-block; height: 20px; line-height: 20px; color: #fff;  border-radius: 2px; background: url(../images/icon_bg.png) 58px -175px no-repeat #ff6666; margin-left:10px;}
	.ship_box .right .list .name .ebtn:hover { text-decoration:none;}
	.ship_box .right .list .name .goods_pop { position:absolute; z-index:9; background-color:#fff; border:1px solid #dcdcdc; padding:15px 15px 0; width:310px; left:-77px; top:76px;}
	.ship_box .right .list .name .goods_pop ul { max-height:265px; overflow:auto;}
	.ship_box .right .list .name .goods_pop li { height:70px; margin-bottom:15px;}
	.ship_box .right .list .name .goods_pop li .pic { float:left; margin-right:10px;}
	.ship_box .right .list .name .goods_pop li .g_name { height:40px; overflow:hidden; margin-bottom:12px;}
	.ship_box .right .list .block { display:block; line-height:15px;}
	.ship_box .right .promo_title { height:40px; line-height:40px; border-top:1px solid #e0e0e0; border-bottom:1px dotted #e0e0e0; margin:0 0 10px 20px; padding-left:10px;}
	.ship_box .right .promo_total { height:36px; line-height:36px; border-bottom:1px solid #f0f0f0; background-color:#f6f8f8; text-align:right; margin:0 0 10px 20px;}
	.ship_box .right .promo_total em { font-style:normal; padding-right:40px;}
	.ship_box .right .subpackage_title { padding:0 20px; height:40px; line-height:40px; border-bottom:1px solid #e0e0e0; background-color:#f5f5f5;}
	.ship_box .right .subpackage_title .charge { padding-left:15px;}
	.ship_box .sub { clear:both; background-color:#f1f5f8; border-top:1px solid #dcdcdc; padding:5px 10px 5px 18px; line-height:24px;}
	.ship_box .sub .sub_left { display:inline-block; *display:inline; *zoom:1; width:410px; vertical-align:top;}
	.ship_box .sub .sub_left input[type="text"],.ship_box .sub .sub_left input[type="password"] { height: 18px; width: 140px; padding: 5px 10px; border: 1px solid #d2d2d2; border-radius: 3px; margin:0 10px 10px 10px; *vertical-align:bottom;}
	.ship_box .sub .sub_left textarea { width:296px; padding:2px; border: 1px solid #d2d2d2; border-radius: 2px; margin:0 4px; vertical-align:top; line-height:18px; height:36px; resize:none;font-family:microsoft yahei; font-size:12px;}
	.ship_box .sub .sub_left .txt_n { color:#666; vertical-align:bottom;}
	.ship_box .sub .sub_left .alart_tip { position:static;margin: -10px 0 0 88px;display: block;}
	.ship_box .sub .sub_left .alart_tip.normal { color:#666;}
	.ship_box .sub .sub_left .gift_name { text-align:right; display:inline-block; width:78px; color:#646464;}
	.ship_box .sub .sub_right { display:inline-block; *display:inline; *zoom:1; width:515px; text-align:right;}
	.ship_box .sub .sub_right span.tab { padding-left:25px;}
	.ship_box .sub .sub_right span.price { width:76px; display:inline-block; text-align:left;}
	.ship_box .sub .sub_right span.price.red { font-size:14px; font-weight:bold;}

/* 发票 */
.invoice { color:#000; padding-bottom:20px;}
.invoice p { line-height: 24px; padding: 4px 0;}
.invoice_list { border:1px solid #dbdbdd; padding:5px 10px; margin-top:5px;}
.invoice_list li { line-height:48px; border-bottom:1px dotted #dbdbdb; padding-left:10px;}
.invoice_list li.last { border:none 0;}
.invoice_list li .title { font-size:14px; color:#505050; padding-right:20px;}

.payment { line-height:36px; padding:5px 0 15px;}
.payment li { padding-bottom:15px;}
.payment .btn_pay { width:210px; text-align:center; height:34px; line-height:34px; font-size:14px; display:inline-block; border:1px solid #dcdcdc; background-color:#f0f0f0; border-radius:4px; margin-right:20px;}
.payment .btn_pay:hover { color:#4a77d4 text-decoration:none; background-color:#fdf0ef; border-color:#4a77d4;}
.payment .btn_pay.current { color:#fff; background:#4a77d4; border-color:#4a77d4; text-decoration:none;}
.payment .btn_pay.disabled,.payment .btn_pay.disabled:hover { background-color:#f5f5f5; border-color:#f5f5f5; color:#aaa; cursor:default;}
.payment .info { display:inline-block; *display:inline; *zoom:1; position:relative;}
	.icon_add { width:6px; height:6px; display:inline-block; background:url(../images/icon_bg.png) -14px -40px no-repeat; margin:0 3px; vertical-align:middle;}
	.pop_goods { padding:0 0 15px 20px; width:455px; background:#fff; position:absolute; left:0; top:28px; z-index:3; border:1px solid #dcdcdc; text-align:center;}
	.pop_goods p { text-align:left;}
		.goods_list { max-height:176px; overflow:auto; text-align:left;}
		.goods_list dd { width:70px; height:70px; margin:0 14px 18px 0; display:inline-block; *display:inline; *zoom:1;}
		.goods_list dd img { width:70px; height:70px;}
	.pop_txt { padding:10px 20px; width:435px; background-color:#fffce2; border:1px solid #f7ed94; z-index:3; line-height:24px; color:#505050; position:absolute; left:0; top:30px; text-align:left;}
	.pop_txt p span { padding-right:10px;}
	.pop_txt p.line { border-top:1px solid #f7ed94; padding-top:6px; margin-top:8px;}
	.instalments li { display:inline-block; *display:inline; *zoom:1; width:232px; height:230px; position:relative; padding-bottom:0;}
	.instalments li .tab { position:absolute; left:0; top:60px; text-align:center; line-height:28px; border:1px solid #e6e6e6; border-bottom:0; background-color:#fff;}
	.instalments li th { text-align:left; padding-left:19px; font-weight:normal;}
	.instalments li td { border-bottom:1px solid #e6e6e6;}
	.instalments li .name td { background-color:#f0f0f0;}


.pay_list { border-top:1px solid #e6e6e6; padding:10px 0 20px 10px;}		
.pay_list .pay_title { height:13px; line-height:13px; padding:15px 0 5px; color:#646464;}
.pay_list .pay_title .op { display:inline-block; width:13px; height:13px; background: url(../images/icon_bg.png) 0 -120px no-repeat; margin-right:10px; vertical-align:top;}
.pay_list .pay_title .op:hover { text-decoration:none;}
.pay_list .pay_title .op.open { background-position:-14px -120px;}
.pay_list .pay_title .title { color:#323232; padding-right:13px;}
.pay_list .pay_detail { padding:0 0 5px 23px; line-height:30px; color:#646464;}
.pay_detail .red{ font-weight:bold;}
	.pay_detail input[type="text"] { height: 28px; line-height: 28px; width:88px; padding: 0 5px; border: 1px solid #d2d2d2; margin:5px 8px 5px; background-color:#e6e6e6; text-align:center; *vertical-align:middle; font-family:microsoft yahei;}
	.pay_detail select { height: 30px; line-height:30px; width:100px; padding: 0 0 0 5px; border: 1px solid #d2d2d2; margin:0 0 0 8px; background-color:#e6e6e6; position:relative; top:-1px\9\0; top:3px\9; *vertical-align:middle;  font-family:microsoft yahei; color:#505050;}
	.pay_detail input.bg, .pay_detail select.bg { background-color:#fff;}
	
	
/* 结算 */
.total { border-top:1px solid #e6e6e6; padding:5px 0 10px; text-align:right; line-height:26px;}
.total .border { border-bottom:1px solid #e6e6e6; padding:5px 0; width:228px; display:inline-block;}
.total .name { width:100px; display:inline-block;}
.total .price { width:100px; text-align:left; display:inline-block;}
.total .gray { color:#969696;}
.total .gray .price { text-decoration:line-through;}
.total input[type="text"], .total input[type="password"] { height:24px; line-height:24px; width:95px; padding:0 5px; border: 1px solid #d2d2d2; margin:5px 0 5px 10px; *vertical-align:middle;}
	.total_price { padding:8px 0 3px;}
	.total_price .name { font-size:14px;}
	.total_price .price { font-size:18px;}
.total .confirm { border-top:1px solid #e6e6e6; background-color:#f1f5f8; padding:15px 20px 20px 0;}
.total .confirm .big { font-size:14px;}

.submit { width:960px; margin:0 auto; background:#f1f5f8;}
.submit .box { width:920px; padding:20px; margin:0 auto; text-align:right; color:#646464; line-height:36px;}
.submit .box .btn_red { height:36px; line-height:36px; font-size:16px; padding:0 26px; margin-left:20px;}
.submit .box .price { color:#323232; font-size:14px; padding:0 4px 0 20px;}
.submit .box .price .red { font-size:18px;}
.submit.alart_box { background-color:#fff5f5;}
.submit .alart_con { width:940px; padding:10px; margin:0 auto; text-align:right; color:#646464; line-height:22px; border-bottom:1px solid #ffe3e3;}

